<template>
	<view class="authorization-wrap">
		<view class="authorization-title">
			<text class="title">选择交易所</text>
			<text class="tips">已选交易者，现在选择您的账户所属交易所</text>
		</view>
		<uni-list class="bourse-list" :border="false">
			<uni-list-item class="bourse-list-item" :border="false" link to="/pages/authorization/binding">
				<template v-slot:body>
					<view  class="list-item-body">
						<image class="slot-image" src="/static/img/huobi.jpg" mode="aspectFill"></image>
						<view class="list-item-right">
							<text class="price">100.0000 OKT</text>
							<text class="tips">跟随手续费/张</text>
						</view>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item class="bourse-list-item" :border="false" link to="/pages/authorization/binding">
				<template v-slot:body>
					<view  class="list-item-body">
						<image class="slot-image" src="/static/img/huobi.jpg" mode="aspectFill"></image>
						<view class="list-item-right">
							<text class="price">100.0000 OKT</text>
							<text class="tips">跟随手续费/张</text>
						</view>
					</view>
				</template>
			</uni-list-item>
		</uni-list>
		<view class="bourse-tips">
			<text class="rule"><text>·</text>绑定两个交易平台API，即可进行对冲跟随</text>
			<text class="rule"><text>·</text>OKEX最高可享0%对冲收益</text>
			<text class="tips">一张代表10000USDT，也就是交易量折合1000USDT收取10OKT手续费<br />手续费以OKT收取</text>
		</view>
	</view>
</template>
<script>
</script>

<style>
	@import url("@/common/authorization.css");
	.authorization-wrap .bourse-list {
		margin-bottom: 30rpx;
	}
	.authorization-wrap .bourse-list-item {
		background-color: #f7f7f7;
		border-radius: 10rpx;
		padding: 10rpx 0rpx;
		margin-bottom: 35rpx;
	}
	.authorization-wrap .bourse-list-item .list-item-body {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.authorization-wrap .bourse-list-item .slot-image {
		width: 170rpx;
		height: 50rpx;
	}
	.authorization-wrap .bourse-list-item .list-item-right {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}
	.authorization-wrap .bourse-list-item .price {
		font-size: 30rpx;
		font-weight: bold;
	}
	.authorization-wrap .bourse-list-item .tips {
		font-size: 20rpx;
		color: #aeaeae;
	}
	.authorization-wrap .bourse-tips text {
		display: block;
	}
	.authorization-wrap .bourse-tips .rule {
		font-size: 26rpx;
		line-height: 40rpx;
	}
	.authorization-wrap .bourse-tips .rule text {
		display: inline-block;
		vertical-align: -24rpx;
		font-size: 100rpx;
	}
	.authorization-wrap .bourse-tips .tips {
		font-size: 20rpx;
		color: #aeaeae;
		margin-top: 40rpx;
	}
</style>
